extends ../../components/layout
append style
  +css(["lib/swiper.min.css","productDetails/productDetails.css"],true)
block title
  title 酒店详情
block content
  include ../../components/data/hotelData
  .gzl-page
    section.gzl-section.detail-section
      +swiper(class="gzl-swiper_fraction")
      .detail-info
        .gzl-cell
          .gzl-cell__bd
            .detail-info-tit
              strong 香港都会海逸酒店 (Harbour Plaza Metropolis)
            .detail-info-star
              -for(var i=0;i<5;i++)
                +icon('#icon-star-rating')
              span 五星级
        .gzl-cell.gzl-cell_access
          .gzl-cell__bd
            .detail-info-map 中国·香港特别行政区九龙区
            .detail-info-mapinfo 香港九龙红墈都会道.7号，近红磡火车站香港体.
          .gzl-cell__ft
            span.font-orange 地图/周边
      // 体验点评
      +detailComment(['舒适度', '服务', '清洁'])
      // 酒店筛选
      .hotel-screen.hairline
        .date-screen.gzl-flex(data-start="2018-12-07",data-end="2018-12-08")
          .gzl-flex__item
            p 入住日期
            div.start-date 12月07日
          span.days-num 1晚
          .gzl-flex__item
            p 离店日期
            div.end-date 12月08日
        .other-screen.gzl-flex
          .gzl-flex__item
            span.instant-confirm 立即确认
            span.with-breakfast 含早
          span.room-type 房型
      // 酒店预定
      ul.hotel-bk-list
        - for (var i=0;i<3;i++)
          li.hotel-bk-group.gzl-cells
            .gzl-cell.gzl-cell_spread(class=[i===0?'show':''])
              .gzl-cell__hd
                .presell-tip 预售
                img.group-img(src="http://www.gzl.com.cn/b2c-image/2015/10/23/710c938d-7b27-45b7-accb-1d57693cc1d3.png")
              .gzl-cell__bd
                h2.group-tit 超级豪华总统别墅温泉套房
                p.group-info 32㎡｜有窗
              .gzl-cell__ft
                .group-prc
                  span ￥
                    strong 160#{i}
                  | 起
            .gzl-cell_spreadcon
              - for (var j=0;j<3;j++)
                .gzl-flex.bk-list-item(class=[j>1?'will-sale':''])
                  .gzl-flex__item.gzl-flex_acenter
                    .gzl-flex__item
                      h2.bk-list-tit 豪华高级房#{i}#{j}
                      p.bk-list-info 双早｜32㎡｜1.5米豪华高级双人大床…
                    .bk-list-prc
                      span ￥
                        strong 160#{i}#{j}
                  .bk-list-btn
                    if j>1
                      .will-sale-tip 即将开售
                    else
                      .btn.btn-s 预订

      // 酒店设施
      .hotel-facilities
        .gzl-title
          span.gzl-title__info
            strong 酒店设施
        ul.hotel-facilities-list
          -for(var i=0;i<facilities.length;i++)
            li(class=[i>5?'none':''])
              +icon(facilities[i].icon)
              p.facilities-name #{facilities[i].name}
        ul.hotel-facilities-info
          - for (var i=0;i<5;i++)
            li
              +icon('#icon-other-facility')
              span 免费接送旅游交通安
        .facilities-show-more 展开
      // 酒店简介
      .hotel-introduction
        .gzl-title
          span.gzl-title__info
            strong 酒店简介
        .hotel-intro-con
          .gzl-flex
            .gzl-flex__item.contact-num
              label 联系电话：
              span.font-orange 13800138000
            .gzl-flex__item.opening-date
              label 开业时间：
              span 2018-09-08
          p 都会逸酒店坐设有八百一十九间舒适的客房。毗邻楼高三层之都会商场，香港体育馆及九龙港铁红磡站。
          p 都会逸酒店坐设有八百一十九间舒适的客房。毗邻楼高三层之都会商场，香港体育馆及九龙港铁红磡站。
    footer.gzl-footer
      +toolbar
append script
  script(type="text/template", id="room-detail")
    .bk-room-detail
      ul.room-server
        li
          +icon('#icon-bed-type')
          | 大床/双床
        li
          +icon('#icon-people-num')
          | 可住4人
        li
          +icon('#icon-floor')
          | 1/3/4/6/8/9~15层…
        li
          +icon('#icon-area')
          | 35㎡
        li
          +icon('#icon-breakfast')
          | 无早餐
        li
          +icon('#icon-extra-bed')
          | 可加床
      .room-info
        strong.room-dt-tit 产品说明
        p 描述文字两端强制对齐，弹出根据内容自适应高度300~550pt，描述文字两端强制对齐，弹出根据内容自适应高度300~550pt。
      .room-facility
        strong.room-dt-tit 注意事项
        p 描述文字两端强制对齐，弹出根据内容自适应高度300~550pt。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid consequatur debitis quod repellat. Aliquam amet dolore dolores explicabo illo magni nobis officiis pariatur, quos saepe, sapiente vero. Modi, soluta vel. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam eius fugiat minima quis reiciendis, tempora! Amet consequuntur distinctio eaque maxime molestiae, odit? Accusamus dolorum fugiat illo porro repellendus sit voluptatibus!
  +js("productDetails/hotelProductDetail.js")